<!doctype html>
<html lang="zh-Hans">

<head>
  <meta charset="utf-8">
  <meta name="author" content="Fresns" />
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
  <meta name="format-detection" content="telephone=no,address=no,email=no">
  <meta name="mobileOptimized" content="width">
  <meta name="HandheldFriendly" content="true">
  <meta name="applicable-device" content="mobile">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Fresns">
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/fontawesome.min.css">
  <link rel="stylesheet" href="assets/plugins/overlayscrollbars/css/OverlayScrollbars.min.css">
  <link rel="stylesheet" href="assets/css/client-mobile.css">
  <title>Fresns 手机版</title>
</head>

<body>

  <nav class="toptab shadow-sm sticky-top clearfix">
    <div class="toptab-btn float-left"><a class="btn_icon" href="index.html"><i class="fas fa-arrow-left"></i></a></div>
    <div class="toptab-text float-left">发表新主题</div>
    <div class="toptab-btn float-right"></div>
  </nav>

  <div class="editor">
    <div class="editor-categories">
      <div class="d-flex bd-highlight">
        <div class="w-100 bd-highlight"><i class="fas fa-archive"></i> 选择版区</div>
        <div class="flex-shrink-1 bd-highlight"><i class="fas fa-chevron-right"></i></div>
      </div>
    </div>
    <div class="editor-box sticky-top">
      <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
        <button type="button" class="btn btn-light btn-editor"><i class="far fa-image"></i><span>图片</span></button>
        <button type="button" class="btn btn-light btn-editor"><i class="fas fa-film"></i><span>视频</span></button>
        <button type="button" class="btn btn-light btn-editor"><i class="fas fa-music"></i><span>音频</span></button>
        <button type="button" class="btn btn-light btn-editor"><i class="fas fa-paperclip"></i><span>附件</span></button>
        <button type="button" class="btn btn-light btn-editor"><i class="fas fa-at"></i><span>艾特</span></button>
        <button type="button" class="btn btn-light btn-editor"><i class="fas fa-hashtag"></i><span>话题</span></button>
        <div class="btn-group" role="group">
          <button type="button" class="btn btn-light btn-editor" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fab fa-codepen"></i><span>扩展</span></button>
          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop1">
            <a class="dropdown-item" href="#">加个标题</a>
            <a class="dropdown-item" href="#">富文本编辑</a>
            <a class="dropdown-item" href="#">增加投票</a>
            <a class="dropdown-item" href="#">设置付费</a>
          </div>
        </div>
      </div>
    </div>
    <div class="editor-form">
      <input class="form-control form-control-lg editor-markdown-title" type="text" placeholder="请在这里输入标题" value="这是标题，正文是富文本内容演示（实际是 Markdown 格式）">
      <div class="editor-markdown-content">
<p class="has-line-data" data-line-start="6" data-line-end="7">Dillinger is a cloud-enabled, mobile-ready, offline-storage, AngularJS powered HTML5 Markdown editor.</p>
<ul>
<li class="has-line-data" data-line-start="8" data-line-end="9">Type some Markdown on the left</li>
<li class="has-line-data" data-line-start="9" data-line-end="10">See HTML in the right</li>
<li class="has-line-data" data-line-start="10" data-line-end="12">Magic</li>
</ul>
<h1 class="code-line" data-line-start=12 data-line-end=13 ><a id="New_Features_12"></a>New Features!</h1>
<ul>
<li class="has-line-data" data-line-start="14" data-line-end="15">Import a HTML file and watch it magically convert to Markdown</li>
<li class="has-line-data" data-line-start="15" data-line-end="16">Drag and drop images (requires your Dropbox account be linked)</li>
</ul>
<p class="has-line-data" data-line-start="18" data-line-end="19">You can also:</p>
<ul>
<li class="has-line-data" data-line-start="19" data-line-end="20">Import and save files from GitHub, Dropbox, Google Drive and One Drive</li>
<li class="has-line-data" data-line-start="20" data-line-end="21">Drag and drop markdown and HTML files into Dillinger</li>
<li class="has-line-data" data-line-start="21" data-line-end="23">Export documents as Markdown, HTML and PDF</li>
</ul>
<p class="has-line-data" data-line-start="23" data-line-end="24">Markdown is a lightweight markup language based on the formatting conventions that people naturally use in email.  As <a href="http://daringfireball.net">John Gruber</a> writes on the <a href="http://daringfireball.net/projects/markdown/">Markdown site</a></p>
<p class="has-line-data" data-line-start="33" data-line-end="34">This text you see here is <em>actually</em> written in Markdown! To get a feel for Markdown’s syntax, type some text into the left window and watch the results in the right.</p>
<h3 class="code-line" data-line-start=71 data-line-end=72 ><a id="Plugins_71"></a>Plugins</h3>
<p class="has-line-data" data-line-start="73" data-line-end="74">Dillinger is currently extended with the following plugins. Instructions on how to use them in your own application are linked below.</p>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>Plugin</th>
<th>README</th>
</tr>
</thead>
<tbody>
<tr>
<td>Dropbox</td>
<td><a href="https://github.com/joemccann/dillinger/tree/master/plugins/dropbox/README.md">plugins/dropbox/README.md</a></td>
</tr>
<tr>
<td>GitHub</td>
<td><a href="https://github.com/joemccann/dillinger/tree/master/plugins/github/README.md">plugins/github/README.md</a></td>
</tr>
<tr>
<td>Google Drive</td>
<td><a href="https://github.com/joemccann/dillinger/tree/master/plugins/googledrive/README.md">plugins/googledrive/README.md</a></td>
</tr>
<tr>
<td>OneDrive</td>
<td><a href="https://github.com/joemccann/dillinger/tree/master/plugins/onedrive/README.md">plugins/onedrive/README.md</a></td>
</tr>
<tr>
<td>Medium</td>
<td><a href="https://github.com/joemccann/dillinger/tree/master/plugins/medium/README.md">plugins/medium/README.md</a></td>
</tr>
<tr>
<td>Google Analytics</td>
<td><a href="https://github.com/RahulHP/dillinger/blob/master/plugins/googleanalytics/README.md">plugins/googleanalytics/README.md</a></td>
</tr>
</tbody>
</table>
<h3 class="code-line" data-line-start=35 data-line-end=36 ><a id="Tech_35"></a>Tech</h3>
<p class="has-line-data" data-line-start="37" data-line-end="38">Dillinger uses a number of open source projects to work properly:</p>
<ul>
<li class="has-line-data" data-line-start="39" data-line-end="40"><a href="http://angularjs.org">AngularJS</a> - HTML enhanced for web apps!</li>
<li class="has-line-data" data-line-start="40" data-line-end="41"><a href="http://ace.ajax.org">Ace Editor</a> - awesome web-based text editor</li>
<li class="has-line-data" data-line-start="41" data-line-end="42"><a href="https://github.com/markdown-it/markdown-it">markdown-it</a> - Markdown parser done right. Fast and easy to extend.</li>
<li class="has-line-data" data-line-start="42" data-line-end="43"><a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a> - great UI boilerplate for modern web apps</li>
<li class="has-line-data" data-line-start="43" data-line-end="44"><a href="http://nodejs.org">node.js</a> - evented I/O for the backend</li>
<li class="has-line-data" data-line-start="44" data-line-end="45"><a href="http://expressjs.com">Express</a> - fast node.js network app framework <a href="http://twitter.com/tjholowaychuk">@tjholowaychuk</a></li>
<li class="has-line-data" data-line-start="45" data-line-end="46"><a href="http://gulpjs.com">Gulp</a> - the streaming build system</li>
<li class="has-line-data" data-line-start="46" data-line-end="47"><a href="https://breakdance.github.io/breakdance/">Breakdance</a> - HTML to Markdown converter</li>
<li class="has-line-data" data-line-start="47" data-line-end="49"><a href="http://jquery.com">jQuery</a> - duh</li>
</ul>
<p class="has-line-data" data-line-start="49" data-line-end="51">And of course Dillinger itself is open source with a <a href="https://github.com/joemccann/dillinger">public repository</a><br>
on GitHub.</p>
      </div>
      <div class="editor-markdown-edit">
        <hr>
        <button type="button" class="btn btn-info">编辑富文本内容</button>
        <button type="button" class="btn btn-link">清空并取消富文本模式</button>
      </div>
      <div class="editor-select">
        <hr>
        <div class="d-flex bd-highlight align-items-center">
          <div class="flex-fill bd-highlight"><button type="button" class="btn btn-outline-dark btn-sm"><i class="fas fa-map-marker-alt"></i> 添加位置</button></div>
          <div class="flex-fill bd-highlight text-right">
            <div class="custom-control custom-checkbox">
              <input type="checkbox" class="custom-control-input" id="customCheck1">
              <label class="custom-control-label" for="customCheck1">是否匿名</label>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mt-4 mb-5 p-3"><button type="button" class="btn btn-success btn-block">发表</button></div>
  </div>

  <!-- JavaScript -->
  <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <script src="assets/plugins/overlayscrollbars/js/jquery.overlayScrollbars.min.js"></script>
  <script src="assets/js/client-mobile.js"></script>
</body>

</html>